<template>
	<view class="content">
		<view class="content-item">
			<view class="content-item-title">
				转诊意见
			</view>
			<view style="font-size:26rpx;margin:20rpx 0;">
				医生意见医生意见医生意见医生意见医生意见医生意见医生意见医生意见医生意见医生意见医生意见
			</view>
			<view class="content-item-main">
				<p class="content-item-main-p"><text style="color:#8c8c8c;">主要意见：</text>淋巴母细胞白血病</p>
				<p class="content-item-main-p"><text style="color:#8c8c8c;">病情等级：</text> <text>病重</text> </p>
				<p class="content-item-main-p"><text style="color:#8c8c8c;">病情表述：</text> 这里是病情</p>
				<p class="content-item-main-p"><text style="color:#8c8c8c;">病情概述：</text> 这里是病情</p>
				<p class="content-item-main-p"><text style="color:#8c8c8c;">诊疗过程：</text> 这里是病情</p>
				<p class="content-item-main-p"><text style="color:#8c8c8c;">诊疗目的：</text> 这里是病情</p>
				
				<p style="text-align: right;margin-top:28rpx">李双双</p>
				<p style="text-align: right;margin-top:4rpx">2024/09/09 12:00</p>
			</view>
		</view>
		
		<view class="link-box">
			<view style="text-align: center;">
				<image style="width:88rpx;" src="../../static/images/guahao.png" mode="widthFix"></image>
				<p>在线挂号</p>
			</view>
			<view style="text-align: center;margin-left:180rpx;">
				<image style="width:88rpx;" src="../../static/images/zhuyuanzheng.png" mode="widthFix"></image>
				<p>现在住院证</p>
			</view>
		</view>
		<view class="tips">
			<view class="tips-title">
				<text>i</text>提示
			</view>
			<view style="line-height:42rpx;">
				1、转住院患者请点击“患者留言”输入您的电子就医诊卡卡号或拍照上传，以便医生尽快为您开通弹性号源、电子住院证 <br/>
				2、如有疑问可点击”转诊帮忙“查看具体操作
			</view>
		</view>
		<view style="margin:40rpx 28rpx 0 28rpx;font-size:26rpx;display:flex;justify-content: space-between;">
			我的转诊 <text style="color:#3c8af3;">转诊帮忙</text>
		</view>
		<view class="content-item" @click="godetail">
			<view class="content-item-status">
				住院部 | 上传
			</view>
			<view class="content-item-title">
				长沙红枫康复医院 <text class="content-item-tag">待审核</text>
			</view>
			<view class="content-item-main">
				<p class="content-item-main-p"><text style="color:#8c8c8c;">患者信息：</text>王建国 男 88岁</p>
				<p class="content-item-main-p"><text style="color:#8c8c8c;">申请医生：</text>王丽 呼吸科 主治医师</p>
				<p class="content-item-main-p"><text style="color:#8c8c8c;">申请时间：</text>2024/02/09 13:00</p>
			</view>
			<view class="content-item-main-button">
				<button class="content-item-main-button1">患者留言</button>
				<button class="content-item-main-button2">转诊意见</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				activeIndex:0,
				tabbarVal:""
			}
		},
		onLoad() {

		},
		methods: {
			click1(e){},
			changeTabbar(e){
				console.log(e);
			}
		}
	}
</script>

<style scoped>
	.content {
		min-height:100vh;
		background:#f0f0f0;
	}
	.content-tabs{
		display: flex;
		padding:32rpx 0;
		margin:0 24rpx;
		width:calc(100% - 48rpx);
		overflow-y: auto;
	}
	.content-tabs>button{
		width:120rpx;
		height:56rpx;
		font-size:24rpx;
		background:#fff;
		padding:0;
	}
	.content-tabs>button:not(:first-child){
		margin-left:16rpx;
	}
	.active{
		background:#3c8af3!important;
		color:#fff!important;
	}
	.content-item{
		margin:24rpx;
		padding:32rpx 24rpx;
		background:#fff;
		border-radius:20rpx;
	}
	.content-item-title{
		font-size:32rpx;
		margin-top:16rpx;
	}
	.content-item-main{
		font-size:26rpx;
	}
	.content-item-status{
		font-size:24rpx;
		color:#8c8c8c;
	}
	.content-item-main .content-item-main-p{
		margin-top:24rpx;
	}
	.content-item-tag{
		font-size:24rpx;
		background:#fdf2dc;
		color:#f3ab3c;
		padding:4rpx;
		border-radius:5rpx;
	}
	
	.content-item-main-button{
		text-align: right;
		margin-top:48rpx;
	}
	.content-item-main-button1{
		width:168rpx;
		padding:0;
		font-size:26rpx;
		border-radius:50rpx;
		background:#fff;
		border:1rpx solid #3c8af3;
		color:#3c8af3;
		display: inline-block;
	}
	.content-item-main-button2{
		width:168rpx;
		padding:0;
		background: #3c8af3;
		font-size:26rpx;
		border-radius:50rpx;
		color:#fff;
		display: inline-block;
		margin-left:16rpx;
	}
	.link-box{
		margin:24rpx;
		padding:32rpx 24rpx;
		background:#fff;
		border-radius:20rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:24rpx;
		color:#8c8c8c;
	}
	.tips{
		margin:24rpx;
		padding:32rpx 24rpx;
		background:#fdf2dc;
		border-radius:20rpx;
		font-size:28rpx;
		color:#e4ab44;
	}
	.tips-title{
		font-size:30rpx;
		margin-bottom:24rpx;
	}
	.tips-title>text{
		width:40rpx;
		height:40rpx;
		line-height:40rpx;
		display:inline-block;
		text-align: center;
		background:#f3ab3c;
		color:#fff;
		border-radius:50%;
		margin-right:10rpx;
	}
</style>